

// 获取登录和注册盒子
const registerBox = document.querySelector('.register');
const loginBox = document.querySelector('.login');
const registerA = document.querySelector('.register-a');
const loginA = document.querySelector('.login-a');

// debugger; // 习惯

// 给登录盒子中a标签绑定点击事件
loginA.addEventListener('click', function () {
    // 隐藏登录盒子 - 显示注册盒子
    loginBox.style.display = 'none';
    registerBox.style.display = 'block';
});

// 给注册盒子中a标签绑定点击事件
registerA.addEventListener('click', function (e) {
    // 隐藏注册盒子 - 显示登录盒子
    registerBox.style.display = 'none';
    loginBox.style.display = 'block';
});

// 给注册表单绑定 提交事件
registerBox.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();
    // 获取注册表单中的用户名和密码 jq的快速获取的方式
    const data = $(this).serialize();

    axios.post('/api/register', data).then((result) => {
        // console.log(result);
        // http状态码 不是2开头的话  下面代码不会执行   有些错误 无法弹出窗口提醒用户
        if (result.data.code === 0) {
            toastr.success(result.data.message);
            // 模拟 用户点击  注册盒子中的a标签即可
            registerA.click();
        }
    });
});

// 给登录表单绑定 提交事件
loginBox.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();
    // 获取表单中的用户名和密码 jq的快速获取的方式
    const data = $(this).serialize();

    // 调起登录接口
    axios.post('/api/login', data).then((result) => {
        // console.log(result);
        if (result.data.code === 0) {
            // 存token
            localStorage.setItem('token82', result.data.token);
            // 弹出一个提示框 显示一会之后 再跳
            toastr.success(result.data.message);
            setTimeout(() => {
                // 跳转页面
                location.href = './index.html';
            }, 1500);
        }
    });
});
